/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
.pc-template-btn {
  display: block;
  font-size: 16pt
}

#pc-template-img {
  margin-top: 20px;
}

.boton {
	padding: 10px;
}
.panelLateralSup {
	background-color: #B22222;
	border-style: solid;
	background: transparent url(images/fondoMenu.png) 
}

.panelLateralInf {
	background-color: #B22222;
	border-right: solid #000000;
	border-bottom: solid #000000;
	border-left: solid #000000
}

.panelLateralGrande {
	background-color: #B22222;
}
.casilla {
	border: #00FF7F solid thin
}
.botonMapaClick{
	border: #00FF7F solid thin
}

.botonMapaSelec{
	border: #000000 solid thin
}

.botonCerrar{
	background-color: #87CEFA;
}
.panelVerticalInGenericPanel{
	/*border: solid #87CEFA;
	border-width: 10px;*/
	padding: 10px;
	margin: 10px
}
.genericPanel{
	/*border: medium solid #00c*/
}
.genericPanel leyend {
	background: #333;
	border: 1px solid #333;
	padding-left:5px;
	padding-right: 5px;
}
.gwt_PopupPanel { border: 3px solid #FFF;}
.fondoGenericPanel{
	background:#222;
	width:100%;
	height:100%;
	filter:Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100%)
}
.linkPopupCiudad{
	text-decoration: underline
}

.linkPopupCiudadMouseEnter{
	color: red;
	cursor:pointer;
	cursor:hand
}

.cursorHand{
	cursor:pointer;
	cursor:hand
}
.recurso{
	/*border: 2px solid rgb(0,0,0);*/
	color: #333;
}
.labelRecursos{
	font-weight: bold
}

.panelConstruccion{
	border: solid #FF0000;
	border-width: 5px;
	padding: 10px;
	margin: 10px
}

.building{
	border: solid #D3D3D3;
	border-width: 2px;
	padding: 3px;
	margin: 3px
}

.registroCampos {
	color: 	#9ACD50;
	font-weight: bold
}

.registroLabels {
	color: 	#C0C0C0;
	font-size: 200%
}

.glass{
	background-color: #000;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:  alpha(opacity=50)
}
.fondoSuave{
	background-color: #000;
	opacity: 0.2;
	-moz-opacity: 0.2;
	filter:  alpha(opacity=20)
}

.labelLoadingRight{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	padding: 2px
}
.technology{
	border: solid #67A7E3;
	border-width: 2px;
	margin: 0px;
	font: oblique bold 120% cursive; 
	font-family: cursive; 
	font-weight: bold;
	vertical-align: middle;
	border: solid #67A7E3;
	border-width: 2px;
}

.popUpUnit{
	border: solid #67A7E3;
	border-width: 2px;
	margin: 0px;
	font-weight: bold;
	vertical-align: middle;
	border: solid #67A7E3;
	border-width: 2px;
}

.technologyHeader{
font: oblique bold 120% cursive; 
	font-family: cursive; 
	
	font-weight: bold;
	text-align: center;
}

.technologiesTable{
	padding: 15px;
}

.technologyLevel{
	font-size: 16pt;
	font-weight: bold;
}

.technologySelected{
	background-color: #B0C4DE;
}

.technologyName{
	font-size: 15pt;
	font-weight: bold;
}

.technologyDescription{
	font-size: 12pt;
}

.technologyDescriptionPanel{
	border: solid #FF0000;
	background-color: white;
}

.gwt-ProgressBar-shell {
  border: 2px solid #faf9f7;
  border-right: 2px solid #848280;
  border-bottom: 2px solid #848280;
  background-color: #AAAAAA;
  height: 14pt;
  width: 50%;
}

.gwt-ProgressBar-shell .gwt-ProgressBar-bar {
  background-color: #67A7E3;
}

.gwt-ProgressBar-shell .gwt-ProgressBar-text {
  padding: 0px;
  margin: 0px;
  color: black;
}
 

.linkLogin{
	font: 900 13px Trebuchet MS;
	padding: 2px;
	margin-left: 3px
}
.imagenLinkLogin{
	margin-top: 2px
}

.labelLogin{
	font: 900 12px Trebuchet MS;
	color: #A0AB1D
}

.panelLinks{
	margin-top:20px;
	margin-left: 20px;
	margin-bottom:30px;
}

.miniResourceText{
	color: #ffffff;
	font-weight: bold
}

.tituloGridRecursos{
	background-color: #D3D3D3;
}

.labelTituloGridRecursos{
	font-weight: bold;
	font-family: sans-serif;
	border-bottom: thin solid #000000;
	padding: 3px
}

.labelCentralTituloGridRecursos{
	border-right: thin solid #000000
}

.filaGridRecursos{
	background-color: #B0E0E6;
	border-top: 6px solid #FFFFFF
}
.mallaMiniMap{
	background-color: #000000;
}
.statisticsTableNames{
	font-family: Verdana;
	font-size: 18pt;
	font-weight: bold;
	color: #228B22
}
.statisticsTableFields{
	font-family: Verdana;
	font-size: 16pt;
	color: #000000
}

.cityName{
	font-family: Verdana;
	font-size: 16pt;
	font-weight: bold;
	color: #81F781
}

.cityEnemy{
	font-family: Verdana;
	font-size: 16pt;
	font-weight: bold;
	color: #FF0000
}

.titulo{
	font-weight:bold;
	font-family: Verdana;
	text-decoration: underline
}

.gridPopupBuilding{
	border-color: #000000
}

.panelLateralPopupRecursos{
	border: medium double #000000
}

.bordeTabla{
	border: 1px solid #000000; 
	border-collapse: collapse;
	padding: 20px 20px 20px 20px;
}

.tituloTablaMensajes{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000; 
	/*border-collapse: collapse;*/
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 30px;
	background-color: #6495ED;
	color: white;
	font-size: 140%
}

.fondoAzul{
	background-color: #000080;
}
.rojo{
	color: #FF0000
}

.noLeido{
	color: #0000FF;
	font-size: 120%;
	cursor:pointer;
	cursor:hand;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid #BEBEBE
}

.negro{
	color: #000000
}

.leido{
	color: #000000;
	font-size: 120%;
	cursor:pointer;
	cursor:hand;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 1px solid #BEBEBE
}

.listaRutasSelec{
	color: #0000FF
}

.filaListaRutas{
	font-size: 150%;
	border-top-style: solid;
	border-top-width: 2px;
	border-top-color: #DCDCDC;
	padding: 2px;
	margin: 0px 0px 0px 0px
}

.filaListaRutasUltimo{
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #DCDCDC
}

.listaRutasPrimero{
	border-bottom: thin solid #D3D3D3;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 150%
}

.listaRutasUltimo{
	border-bottom: thin solid #D3D3D3;
	padding-right: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 150%
}

.primeraFila{
	border-top: thin solid #D3D3D3;
}
.titulos{
	font-size: 150%;
	background-color: #6495ED;
	color: #FFFFFF;
	padding-top: 7px;
	padding-top: 7px;
	paddinf-left: 10px;
	padding-right: 10px;
}
.colorRojo{
	color: #FF0000
}

.panelListaRutas{
	font-size: 150%;
	margin-left: 10px;
	margin-top: 3px;
	margin-bottom: 3px
}

.boxWrapper {
	float:left;
	margin:5px 20px 0 5px;
	padding-bottom:40px;
	width:230px;
	height: 500px;
}

.leftBorder {
	margin-top: 20px;
	margin-bottom: 20px;
	height: 500px;
	/*border-left:1px dotted #555555;*/
}

.numeroUnidades{
	font-size: 170%;
}
.videoIntro{
	padding:15px 15px 15px 15px;
	border-top-style: inset;
	border-left-style: inset;
	border-bottom-style: outset;
	border-right-style: outset;
	border-color: #000000;
	border-width: 5px;
	margin-bottom: 50px;
}

.YouTubeViewer {
    border: 2px solid #AAAAAA;
    padding: 10px;
    background: #DDDDDD
}